<template>
	<div id="top">
		<img class="top-logo-img" :src="imgSrc" />
	</div>
</template>

<script>
import { getProImg } from '_projectFn/images'
import img from '_assets/img/home-top-white.svg'

export default {
	name: "Top",
		data() {
		return {
			imgSrc: getProImg('home-top-white.svg', img)
		}
	},
	mounted() {
	}
}
</script>

<style lang="scss" scoped>
#top {
	height: 60px;
    color: white;
    font-size: 12px;
    padding: 0 15px;
    width: 100%;
    position: relative;
    z-index: 100;
    background: -webkit-linear-gradient(#007fbd, #09a8f5);
    background: -o-linear-gradient(#007fbd, #09a8f5);
    background: -moz-linear-gradient(#007fbd, #09a8f5);
    background: linear-gradient(#007fbd, #09a8f5);
    display: flex;
    align-items: center;
    justify-content: space-between;

	.top-logo-img {
		width: 88%;
    	flex-shrink: 0;
	}
}
</style>